import React,{useState} from 'react'
import { Layout } from 'antd';
import MyHeader from './components/MyHeader';
import MySider from './components/MySider';
import MyContent from './components/MyContent';

export default function NavPage() {
    const [boo,setBoo]=useState(false)
    function controlMenu(val) {
        setBoo(val)
    }
    return (
        <Layout style={{ height: "100vh" }}>
            <MyHeader  controlMenu={controlMenu}/>
            <Layout>
                <MySider boo={boo}></MySider>
                <MyContent></MyContent>
            </Layout>
        </Layout>
    )
}
